<template>
	<tm-fullView>
		<template v-slot:default="{ info }">
			<view class="grey text " :class="[$tm.vx.state().tmVuetify.black ? 'black bk' : '']" :style="{ minHeight: info.height + 'px' }">
				<tm-menubars title="地图选点" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
				<view class="ma-32 flex-between flex-wrap round-10 overflow white shadow-24">
					<tm-mapSelectedPoint :location="mp" width="686" height="1000"></tm-mapSelectedPoint>
				</view>

				<view class="ma-32"><tm-button :round="24" @click="mp={latitude:28.68268,longitude:115.85817}" block>赋值组件反选已有定位点</tm-button></view>

			</view>
		</template>
	</tm-fullView>
</template>

<script>
import tmMapSelectedPoint from '@/tm-vuetify/components/tm-mapSelectedPoint/tm-mapSelectedPoint.vue';
import tmMenubars from '@/tm-vuetify/components/tm-menubars/tm-menubars.vue';
import tmFullView from '@/tm-vuetify/components/tm-fullView/tm-fullView.vue';
import tmButton from '@/tm-vuetify/components/tm-button/tm-button.vue';

export default {
	components: { tmMapSelectedPoint, tmMenubars,tmFullView,tmButton },
	data() {
		return {
			mp:{latitude:0,longitude:0},
			test:'',
		};
		
	},
	methods:{
		
	}
};
</script>

<style lang="scss"></style>
